<!DOCTYPE html>
<html>
{% load staticfiles %}
<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
     <link rel="stylesheet" href="{% static 'css/reset.css' %}">
    <link rel="stylesheet" href="{% static 'css/login.css' %}">
</head>
<body>
<section>
  <div class="c-box bg-box">
    <div class="login-box clearfix">

      <div class="fl form-box">
        <div class="tab">
          <h2>邮箱注册</h2>
        </div>

        <div class="tab-form">
          <form id="email_register_form" method="post" action="/user_test/" autocomplete="off">

            <div class="form-group marb20 {% if register_form.errors.email %} errorput {% endif %} ">
              <input type="text" id="id_email" name="email" value="{{ register_form.email.value }}" placeholder="请输入您的邮箱地址"/>
            </div>
            <div class="form-group marb8 {% if register_form.errors.password %} errorput {% endif %} ">
              <input type="password" id="id_password" name="password" value="{{ register_form.password.value }}" placeholder="请输入6-20位非中文字符密码"/>
            </div>
            <div class="form-group marb8 captcha1 {% if register_form.errors.captcha %} errorput {% endif %} ">
                {#    加载表单中生成的图片验证码    #}
              <label>验&nbsp;证&nbsp;码</label>
              {{ register_form.captcha }}
            </div>
            <div class="error btns" id="jsEmailTips">
              {% for key, error in register_form.errors.items %}
                {{ error }}
              {% endfor %}
              {% if not register_form.errors.items %}{{ msg }}{% endif %}
            </div>
            <div class="auto-box marb8">
            </div>
            <input class="btn btn-green" id="jsEmailRegBtn" type="submit" value="注册并登录"/>
          {% csrf_token %}
          </form>
        </div>

      </div>
    </div>
  </div>
</section>

</body>
</html>